<template>
  <el-text size="large" tag="b">{{ $title }}</el-text>
  <template v-if="$subtitle">
    <el-divider direction="vertical"></el-divider>
    <el-text tag="b" type="info">{{ $subtitle }}</el-text>
  </template>
</template>
<script setup lang="ts">
import type {MorghulisDialogConfig} from "../../types/dialog/dialog.types.ts";
import {computed} from "vue";

const props = defineProps<
    {
      title: string,
      subtitle: string,
      config: MorghulisDialogConfig
    }
>()

const $title = computed(() => props.config.title || props.title)
const $subtitle = computed(() => props.config.subtitle || props.subtitle)

</script>